<template>
  <div>
    <!-- 变量准备 静态页面铺设-->
    <h1>{{ msg }}</h1>
    <!-- 绑定点击事件 -->
    <button @click="btn">逆转世界</button>
  </div>
</template>

<script>
export default {
  //变量准备
  data() {
    return {
      msg: "哦啊",
    };
  },
  methods: {
    btn() {
      // 截取字符串返回数组
      let arr = this.msg.split("");
      // 反转
      arr.reverse();
      // 拼接数组
      this.msg = arr.join("");
      //   最终简化
      //   this.msg = this.msg.split('').reverse.join('');
      //扩展写法
      //this.mag = [...this.msg].reverse().join('')
    },
  },
};
</script>

<style></style>
